<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API列表详情页</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 轮播图样式 -->
    <link rel="stylesheet" href="../lib/swiper/css/swiper-bundle.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/apidetails.css">
</head>

<body>
    <!-- 头部head -->
    <div class="head clearfix container">
        <h1 class="fl head-logo">
            <a href="#"><img src="../imgs/new-logo-white2.png" alt=""></a>
        </h1>
        <div class="head-nav">
            <ul>
                <li><a href="../page/home.html">首页</a></li>
                <li class="active"><a href="../page/API.html">API</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">案例</a></li>
                <li><a href="#">开发者</a></li>
            </ul>
        </div>

        <div class="fr mt18 mr30">
            <a class="head-login" href="#">登录</a>
            <a class="head-register" href="#">注册有礼</a>
        </div>
    </div>

    <!-- 粒子效果 -->
    <!-- 背景div -->
    <div class="banner">
        <div id="mydiv" class="canvas">
            <!-- 内容 -->
            <div class="content clearfix">
                <!-- 左边盒子 -->
                <div class="left-banner fl">
                    <p class="box-img">
                        <img src="../imgs/API11.jpg" alt="">
                    </p>
                    <ul class="api-list clearfix">
                        <li class="fl">
                            <p class="tcenter">
                                <img src="../imgs/API_smallicon_01.jpg" alt="">
                            </p>
                            <p class="tnumber">
                                <span>103</span>
                            </p>
                        </li>
                        <li class="fl">
                            <p class="tcenter">
                                <img src="../imgs/API_smallicon_02.jpg" alt="">
                            </p>
                            <p class="tnumber">
                                <span>14245</span>
                            </p>
                        </li>
                        <li class="fl">
                            <p class="tcenter">
                                <img src="../imgs/API_smallicon_03.jpg" alt="">
                            </p>
                            <p class="tnumber">
                                <span>623</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <!-- 右边内容 -->
                <div class="right-banner fl">
                    <!-- 第一行 -->
                    <div class="api-title clearfix">
                        <h2 class="fl">身份证实名认证</h2>
                        <span class="fl">支持HTTPS</span>
                        <span class="fl">企业专用</span>
                    </div>
                    <!-- 第二行 -->
                    <div class="api-user clearfix">
                        <span class="fl">
                            <img class="fl" src="../imgs/API03.jpg" alt="">
                            <span class="fl words">限企业实名用户使用</span>
                        </span>
                        <span class="fl">
                            <img class="fl" src="../imgs/API08.jpg" alt="">
                            <span class="fl words">本接口需提供应用场景审核</span>
                        </span>
                        <span class="fl">
                            <img class="fl" src="../imgs/API05.jpg" alt="">
                            <span class="fl words">个人实名用户无法使用</span>
                        </span>
                    </div>
                    <!-- 第三行 -->
                    <p class="api-test">检测姓名和身份证号是否一致，身份证验证。</p>
                    <!-- 第四行 -->
                    <ul class="price-list clearfix">
                        <li class="record fl">
                            <p class="price-test">
                                <img src="../imgs/API17.jpg" alt="">
                                <span>扫码测试</span>
                            </p>
                            <div class="wechat-box">
                                <img src="../imgs/103-demo.png" alt="">
                                <p>打开微信扫一扫</p>
                            </div>
                        </li>
                        <!-- <li class="active">
                            4000次
                        </li>
                        <li class="active">
                            4000次
                        </li>
                        <li class="active">
                            4000次
                        </li> -->
                    </ul>

                    <!-- 第五行 -->
                    <p class="price-of">
                    <p class="price">&yen;<span class="priceAll">1200</span>(约<i class="unitPrice">0.3000</i>
                        元/次),仅限企业实名购买;</p>
                    </p>
                    <!-- 第六行 -->
                    <div class="apply">
                        <a href="#" class="app-now">立即申请</a>
                    </div>

                </div>
            </div>



        </div>
    </div>

    <!-- api参数选项卡 -->
    <div class="api-tab mt100">

        <div class="api-tab-menu-box">
            <ul class="api-tab-menu container clearfix">
                <li class="active">API文档</li>
                <li>错误码参照</li>
                <li>示例代码</li>
                <li>联系我们</li>
            </ul>
        </div>


        <div class="api-tab-cont container mt18">
            <!-- API文档 -->
            <div class="hid on">
                <!-- 上边内容 -->
                <div class="top-cont clearfix">
                    <!-- 左边板块 -->
                    <div class="left-box fl">
                        <!-- API文档 -->
                        <div>
                            <div>
                                <p>
                                    <strong>接口地址：</strong>
                                    <span> http://op.itsource.cn/idcard/query</span>
                                </p>
                                <p>
                                    <strong>返回格式：</strong>
                                    <span> json</span>
                                </p>
                                <p>
                                    <strong>请求方式：</strong>
                                    <span> http get/post</span>
                                </p>
                                <p>
                                    <strong>请求示例：</strong>
                                    <span> http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span>
                                </p>
                                <p>
                                    <strong>接口备注：</strong>
                                    <span> error_code为0时计费</span>
                                </p>
                                <p class="api-btn">
                                    <a class="test-btn" href="#">API测试工具</a>
                                </p>
                            </div>
                            <!-- 请求参数 -->
                            <div class="simpleTable">
                                <p class="linep">请求参数说明：</p>
                                <table class="api-table">
                                    <tbody>
                                        <tr class="title">
                                            <th width="20"></th>
                                            <th width="20%">名称</th>
                                            <th width="15%">必填</th>
                                            <th width="15%">类型</th>
                                            <th>说明</th>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">idcard</td>
                                            <td class="url">是</td>
                                            <td class="url">string</td>
                                            <td>身份证号码</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">realname</td>
                                            <td class="url">是</td>
                                            <td class="url">string</td>
                                            <td>姓名(UTF-8)</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">orderid</td>
                                            <td class="url">否</td>
                                            <td class="url">int</td>
                                            <td>传1时返回单号，默认不返回单号(建议传入)</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">key</td>
                                            <td class="url">是</td>
                                            <td class="url">string</td>
                                            <td>在个人中心->我的数据,接口名称上方查看</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- 返回参数说明： -->
                            <div class="simpleTable">
                                <p class="linep">返回参数说明：</p>
                                <table class="api-table">
                                    <tbody>
                                        <tr class="title">
                                            <th width="20"></th>
                                            <th width="80">名称</th>
                                            <th width="15%">类型</th>
                                            <th>说明</th>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">error_code</td>
                                            <td class="url">int</td>
                                            <td class="url">返回码</td>

                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">reason</td>
                                            <td class="url">string</td>
                                            <td>返回说明</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">result</td>
                                            <td class="url">object</td>
                                            <td>返回结果集</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">realname</td>
                                            <td class="url">string</td>
                                            <td>属result,真实姓名</td>
                                        </tr>

                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">idcard</td>
                                            <td class="url">string</td>
                                            <td>属result,身份证号</td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url">res</td>
                                            <td class="url">int</td>
                                            <td> 属result,匹配详情,1匹配,2不匹配</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- JSON返回示例 -->
                            <div class="simpleTable">
                                <p class="linep">JSON返回示例：
                                    <a href="#" class="json-tool">JSON在线格式化工具</a>
                                </p>
                                <div class="json-code">
                                    <p>{</p>
                                    <p class="tindent10"> "reason": "成功",</p>
                                    <p class="tindent10"> "result": {</p>
                                    <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                                    <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                                    <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                                    <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                                    <p class="tindent10"> },</p>
                                    <p class="tindent10">"error_code": 0</p>
                                    <p> }</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 错误码参照  -->
            <div class="hid">
                <!-- 上边内容 -->
                <div class="top-cont clearfix">
                    <!-- 左边板块 -->
                    <div class="left-box fl">
                        <!-- 请求参数 -->
                        <div class="simpleTable">
                            <p class="linep">请求参数说明：</p>
                            <table class="api-table">
                                <tbody>
                                    <tr class="title">
                                        <th width="20"></th>
                                        <th width="20%">名称</th>
                                        <th width="15%">必填</th>
                                        <th width="15%">类型</th>
                                        <th>说明</th>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">idcard</td>
                                        <td class="url">是</td>
                                        <td class="url">string</td>
                                        <td>身份证号码</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">realname</td>
                                        <td class="url">是</td>
                                        <td class="url">string</td>
                                        <td>姓名(UTF-8)</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">orderid</td>
                                        <td class="url">否</td>
                                        <td class="url">int</td>
                                        <td>传1时返回单号，默认不返回单号(建议传入)</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">key</td>
                                        <td class="url">是</td>
                                        <td class="url">string</td>
                                        <td>在个人中心->我的数据,接口名称上方查看</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- 返回参数说明： -->
                        <div class="simpleTable">
                            <p class="linep">返回参数说明：</p>
                            <table class="api-table">
                                <tbody>
                                    <tr class="title">
                                        <th width="20"></th>
                                        <th width="80">名称</th>
                                        <th width="15%">类型</th>
                                        <th>说明</th>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">error_code</td>
                                        <td class="url">int</td>
                                        <td class="url">返回码</td>

                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">reason</td>
                                        <td class="url">string</td>
                                        <td>返回说明</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">result</td>
                                        <td class="url">object</td>
                                        <td>返回结果集</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">realname</td>
                                        <td class="url">string</td>
                                        <td>属result,真实姓名</td>
                                    </tr>

                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">idcard</td>
                                        <td class="url">string</td>
                                        <td>属result,身份证号</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="url">res</td>
                                        <td class="url">int</td>
                                        <td> 属result,匹配详情,1匹配,2不匹配</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!-- JSON返回示例 -->
                        <div class="simpleTable">
                            <p class="linep">JSON返回示例：
                                <a href="#" class="json-tool">JSON在线格式化工具</a>
                            </p>
                            <div class="json-code">
                                <p>{</p>
                                <p class="tindent10"> "reason": "成功",</p>
                                <p class="tindent10"> "result": {</p>
                                <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                                <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                                <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                                <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                                <p class="tindent10"> },</p>
                                <p class="tindent10">"error_code": 0</p>
                                <p> }</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 示例代码 -->
            <div class="hid">
                <!-- 上边内容 -->
                <div class="top-cont clearfix">
                    <!-- 左边板块 -->
                    <div class="left-box fl">
                        <!-- JSON返回示例 -->
                        <div class="simpleTable">
                            <p class="linep">JSON返回示例：
                                <a href="#" class="json-tool">JSON在线格式化工具</a>
                            </p>
                            <div class="json-code">
                                <p>{</p>
                                <p class="tindent10"> "reason": "成功",</p>
                                <p class="tindent10"> "result": {</p>
                                <p class="tindent10"> "realname": "***",/*真实姓名*/</p>
                                <p class="tindent10"> "idcard": "******************",/*身份证号码*/</p>
                                <p class="tindent10"> "orderid":"J103202010151450419556",/*流水号*/</p>
                                <p class="tindent10"> "res": 1 /*1：匹配 2：不匹配*/</p>
                                <p class="tindent10"> },</p>
                                <p class="tindent10">"error_code": 0</p>
                                <p> }</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="hid">
                <!-- 上边内容 -->
                <div class="top-cont clearfix">
                    <!-- 左边板块 -->
                    <div class="left-box fl">
                        <!-- 联系我们 -->
                        <div class="tabcon-item">
                            <div class="simpleTable">
                                <p class="linep">联系我们</p>
                                <table class="api-table">
                                    <tbody>
                                        <tr class="title">
                                            <th width="5%"></th>
                                            <th width="40%">内容</th>
                                            <th width="40%">详细</th>

                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url"> 售前咨询①:</td>
                                            <td class="url"> 0512-88869195</td>

                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url"> 客服热线:</td>
                                            <td class="url"> 400-882-7715</td>

                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url"> 在线客服QQ:</td>
                                            <td class="url"> 800076065</td>

                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="url"> 接口测试:</td>
                                            <td class="url"> API测试工具</td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 右边侧栏 -->
        <div class="api-aside fr">
            <h3>活动推荐/Activity</h3>
            <ul class="activity-ul">
                <li>
                    <a href="#">
                        <img src="../imgs/sfz-aside1.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/details-aside02.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/details-aside03.png" alt="">
                    </a>
                </li>
            </ul>
            <h3>猜你喜欢</h3>
            <ul class="recommend">
                <li class="clearfix">
                    <a href="#" class="fl imgbox">
                        <img src="../imgs/API22.jpg" alt="">
                    </a>
                    <div class="text fr">
                        <p class="title">
                            <a href="#">短信API服务</a>
                        </p>
                        <p class="desc">
                            <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                        </p>
                    </div>

                </li>

                <li class="clearfix">
                    <a href="#" class="fl imgbox">
                        <img src="../imgs/API26.jpg" alt="">
                    </a>
                    <div class="text fr">
                        <p class="title">
                            <a href="#">银行卡四元素校验</a>
                        </p>
                        <p class="desc">
                            <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                        </p>
                    </div>

                </li>
                <li class="clearfix">
                    <a href="#" class="fl imgbox">
                        <img src="../imgs/API30.jpg" alt="">
                    </a>
                    <div class="text fr">
                        <p class="title">
                            <a href="#">身份证查询</a>
                        </p>
                        <p class="desc">
                            <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                        </p>
                    </div>

                </li>

                <li class="clearfix">
                    <a href="#" class="fl imgbox">
                        <img src="../imgs/API33.jpg" alt="">
                    </a>
                    <div class="text fr">
                        <p class="title">
                            <a href="#">身份证OCR识别</a>
                        </p>
                        <p class="desc">
                            <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                        </p>
                    </div>

                </li>
                <li class="clearfix">
                    <a href="#" class="fl imgbox">
                        <img src="../imgs/API36.jpg" alt="">
                    </a>
                    <div class="text fr">
                        <p class="title">
                            <a href="#">三网手机实名制认证</a>
                        </p>
                        <p class="desc">
                            <span> 三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span>
                        </p>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    </div>
    <!-- 注册部分 -->
    <div class="register-now">
        <p class="desc">现在注册，百款接口免费测试</p>
        <a class="register" href="../page/register.html">免费注册</a>
    </div>

    <!-- 页尾 -->
    <div class="foot">
        <div class="container">
            <!-- 页尾顶部 -->
            <div class="foot-top clearfix">
                <dl class="fl">
                    <dt>联系与支持</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl class="fl">
                    <dt>关于源码</dt>
                    <dd>400-882-7715</dd>
                    <dd>合作伙伴</dd>
                    <dd>服务条款</dd>
                    <dd>隐私政策</dd>
                    <dd>市场合作</dd>
                    <dd>反商业贿赂声明</dd>
                </dl>
                <dl class="fl">
                    <dt>快速入口</dt>
                    <dd>400-882-7715</dd>
                    <dd>API数据</dd>
                    <dd>黑钻会员</dd>
                    <dd>新闻动态</dd>
                    <dd>联系我们</dd>
                    <dd>投诉与建议</dd>
                </dl>
                <dl class="fl">
                    <dt>产品服务</dt>
                    <dd>400-882-7715</dd>
                    <dd>云监测</dd>
                    <dd>云查询</dd>
                    <dd>云助手</dd>
                    <dd>聚盒子</dd>
                    <dd>云充值</dd>
                </dl>
                <dl class="fl">
                    <dt>解决方案</dt>
                    <dd>400-882-7715</dd>
                    <dd>售前咨询</dd>
                    <dd>客服&售后</dd>
                    <dd>常见问题</dd>
                    <dd>极速工单</dd>
                    <dd>投诉与建议</dd>
                </dl>

                <!-- 顶部右边内容 -->
                <div class="wechat fr">
                    <p class="w-text">微信公众号</p>
                    <p class="w-name">源码时代</p>
                    <img src="../imgs/wechat-white.png" alt="">
                </div>
            </div>
            <!-- 页尾尾部 -->
            <div class="foot-foot clearfix">
                <a href="#" class="fl"><img src="../imgs/bei2.png" alt=""></a>
                <a href="#" class="fl"><img src="../imgs/bei1.png" alt=""></a>
                <span class="fl">增值电信业务经营许可证：蜀B2-20180596</span>
                <a href="#">蜀ICP备15006450号-3</a>
                <a href="#">营业执照</a>
                <span class="fr">源码大数据股份有限公司©版权所有</span>
            </div>
        </div>
    </div>

    <!-- 引入选项卡效果 -->
    <script src="../lib/swiper/js/tab.js"></script>
    <!-- canvas粒子效果 -->
    <script src="../lib/swiper/js/canvas-particle.js"></script>
    <!-- 当前js -->
    <script src="../js/apidetails.js"></script>
</body>

</html>